/*$${"color":[{"val":"#fff","title":"文字颜色"},

{"val":"rgba(255,255,255,.3)","title":"导航英文标题颜色"},

{"val":"#555555","title":"搜索框公告文字"},

{"val":"#000","title":"移动端导航关闭按钮颜色"},

{"val":"#555555","title":"移动端导航二级分类颜色"},

{"val":"rgba(255,255,255,.8)","title":"导航默认文字颜色"},

{"val":"rgba(255,255,255,.6)","title":"立即咨询按钮默认文字颜色"},

{"val":"#26334c","title":"移动端导航文字颜色"}],

"background":[{"val":"#9c1a21","title":"导航背景颜色"},

{"val":"rgba(255,255,255,.3)","title":"导航右侧边框线"},{"val":"#fff","title":"导航鼠标滑过下划线"},{"val":"#f5f5f5","title":"搜索背景颜色"},{"val":"#313131","title":"搜索类目背景"},{"val":"#b0282c","title":"搜索按钮背景"},{"val":"#6a1217","title":"PC端二级导航鼠标滑过背景"}],"border":[{"val":"#fff","title":"按钮边框"},{"val":"#dfe0e1","title":"移动端导航边框"},

{"val":"rgba(255,255,255,.6)","title":"立即咨询按钮默认边框"},

{"val":"rgba(255,255,255,.2)","title":"PC端二级导航边框"}]}$$*/

/* index */      

#head_144 .header{

	width: 100%;

	position: absolute;

	top:40px;

	height: 100px;

	background: #454545;

	z-index: 10;

}

#head_144 .header_box{

	width: 1200px;

	margin: 0 auto;

	position: relative;

	height: 100%;

}

#head_144 .header_box .logo{

	position: absolute;

	top:-40px;

	left:0;

	height: 125px;

	background:#ffffff;

	margin-right: 72px;

	max-width: 30%;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-left:20px;

}

#head_144 .header_box .logo::after{

	background:url(/static/images/HD00011_07.png) no-repeat;

	position: absolute;

	content: '';

	right: -71px;

	top:0;

	width: 72px;

	height: 100%;

}

#head_144 .header_box .logo img{

	height: auto;

	width: auto;

	max-width: 100%;

	max-height: 100%;

}

#head_144 .nav_box{

	width:calc(70% - 80px);

	float: right;

	height: 100%;

	display: flex;

}

#head_144 .nav_box li{

	/* padding: 0 20px; */

	text-align: center;

	position: relative;

	height: 100%;

	float: left;

	flex: 1;

	text-align: center;

	

}

#head_144 .nav_box li .titlist{

	position: absolute;

	top:100px;

	width: 100%;

	left:0;

	display: none;

}

#head_144 .nav_box li:hover .titlist{

	display: block;

}

#head_144 .nav_box li .titlist .titItem{

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: rgba(28, 129, 77, 1); 

	display: block;

	color: rgba(255,255,255,.8);

	border-bottom: rgba(255,255,255,.2) solid 1px;

}

#head_144 .nav_box li .titlist .titItem:last-child{

	border-bottom: none;

}

#head_144 .nav_box li .titlist .titItem:hover{

	background: rgba(28, 129, 77, 1);

	color: #fff;

}

#head_144 .nav_box li::before{

	content: '';

	position: absolute;

	right:0;

	height: 20px;

	top:30px;

	width: 1px;

	background:rgba(255,255,255,.3);

}

#head_144 .nav_box li:last-child::before{

	background: none;

}

#head_144 .nav_box .tit-1{

	height: 25px;

	line-height: 25px;

	width:100%;

	color: rgba(255,255,255,.8);

	margin-top: 25px;

	font-size: 14px;

}

#head_144 .nav_box li:hover .tit-1{

	color: #fff;

}

#head_144 .nav_box .tit-2{

	color:rgba(255,255,255,.3);

	line-height: 25px;

}

#head_144 .nav_box li::after{

	position: absolute;

	bottom: 0;

	height: 3px;

	background: #fff;

	width: 0;

	content: '';

	left:15%;

	transition:width .3s ease;

}

#head_144 .nav_box li:hover::after{

	width: 70%;

}

#head_144{

	position: relative;

	width: 100%;

}

#head_144 .bannerSwiper{

	width: 100%;

	height: 750px;

}

#head_144 .sBox{

	position: relative;

	width: 100%;

	height: 100%;

}

#head_144 .sBox .img{

	width: 100%;

	height: 100%;

}

#head_144 .sBox .text {

	position: absolute;

	width: 1200px;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 10;

	color: #fff;

}

#head_144 .sBox .text .title-1{

	font-size: 60px;

	font-weight: bold;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.2s;

	color: #fff;

	line-height: 110px;

	width: auto;

	display: inline-block;

	border-bottom: #fff solid 1px;

	max-width: 100%;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	height: 110px;

}

#head_144 .sBox .text .title-2 {

	font-size: 40px;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.5s;

	color: #fff;

	line-height: 90px;

	height: 90px;

	width: 100%;

	display: inline-block;

	max-width: 100%;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	height: 90px;

}

#head_144 .sBox .text .viewmore-3{

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.9s;

}



#head_144 .swiper-slide-active .text .title-1,

#head_144 .swiper-slide-active .text .title-2,

#head_144 .swiper-slide-active .text .viewmore-3 {

	transform: translateY(0px);

	opacity: 1;

}

#head_144 .sBox .img-block{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

#head_144 .swiper-slide-active .img{

	width: 100%;

	height: 100%;

	animation: bigimgani 5000ms infinite ease-out;

}

#bananer_144 .pagination {

	width: 100px;

	left: auto;

	right: 2%;

	bottom: 5%;

	text-align: right;

}

#head_144 .pagination span.swiper-pagination-bullet {

	background: #fff;

	border-radius: 0;

	width: 1px;

	height: 20px;

	transition: all .4s ease;

	margin: 0 7px;

	opacity: 1;

}



#head_144 .pagination span.swiper-pagination-bullet-active {

	height: 30px;

}



#head_144 .btnNext,

#head_144 .btnPrev{

	bottom: 4%;

	top: auto;

	background: none;

	z-index: 30;

	width: 80px;

}



#head_144 .btnNext::after,

#head_144 .btnPrev::after {

	display: none;

}



#head_144 .btnNext::before,

#head_144 .btnPrev::before {

	color: #fff;

	font-size: 14px;

	letter-spacing: 2px;

}



#head_144 .btnNext::before {

	content: '上一个';

}



#head_144 .btnPrev::before {

	content: '下一个';

}



#head_144 .btnNext{

	left: auto;

	right: 50%;

	margin-right: -200px;

}



#head_144 .btnPrev{

	left: 50%;

	right: auto;

	margin-left: -200px;

}

#head_144 .bannerBar{

	width: 260px;

	height: 2px;

	position: absolute;

	bottom: 7%;

	left: 50%;

	margin-left: -130px;

	z-index: 20;

}



#head_144 .bannerBar::after {

	content: '';

	position: absolute;

	width: 100%;

	height: 2px;

	background: #fff;

	left: 0;

	top: 0;

	opacity: .2;

	z-index: 5;

}



#head_144 .bannerBar::before {

	content: '';

	position: absolute;

	width: 0;

	height: 2px;

	background: #fff;

	left: 0;

	top: 0;

	z-index: 10;

	-webkit-animation: w100 5000ms infinite ease;

	animation: w100 5000ms infinite ease;

}

@keyframes w100 {

	0% {

		width: 0%;

	}



	100% {

		width: 100%;

	}

}



@keyframes bigimgani {

	0% {

		transform: scale(1.1);

	}



	100% {

		transform: scale(1);

	}

}



#head_144 .viewmore-3{

	width: 200px;

	display: block;

	position: relative;

	cursor: pointer;

}

#head_144 .viewmore-3 a{

	border:rgba(255,255,255,.6) 1px solid;

	height: 50px;

	line-height: 48px;

	width: 100%;

	display: block;

	text-align: center;

	color:rgba(255,255,255,.6);

	font-size: 18px;

	letter-spacing: 3px;

}

#head_144 .viewmore-3:hover a{

	color: #fff;

}

#head_144 .viewmore-3.btnAnimat .inner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 5px;
}
#head_144 .viewmore-3.btnAnimat:before,
#head_144 .viewmore-3.btnAnimat:after,
#head_144 .viewmore-3.btnAnimat .inner:before,
#head_144 .viewmore-3.btnAnimat .inner:after{
	background:#fff;
}
#head_144 .viewmore-3.btnAnimat:before,
#head_144 .viewmore-3.btnAnimat:after,
#head_144 .viewmore-3.btnAnimat .inner:before,
#head_144 .viewmore-3.btnAnimat .inner:after{
	position:absolute;
	content:"";
	display:block;
	-webkit-transition:-webkit-transform 0.3s;
	transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	transition:transform 0.3s,-webkit-transform 0.3s;
}
#head_144 .viewmore-3.btnAnimat:before,
#head_144 .viewmore-3.btnAnimat:after{
	left:0;
	width:100%;
	height:1px;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
}
#head_144 .viewmore-3.btnAnimat .inner:before,
#head_144 .viewmore-3.btnAnimat .inner:after{
	top:0;
	width:1px;
	height:100%;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
}

#head_144 .viewmore-3.btnAnimat .inner:before{
	left:0;
}
#head_144 .viewmore-3.btnAnimat .inner:after{
	right:0;
}
#head_144 .viewmore-3.btnAnimat .inner:hover:before,
#head_144 .viewmore-3.btnAnimat .inner:hover:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}

#head_144 .viewmore-3.btnAnimat:before{
	top:0;
}
#head_144 .viewmore-3.btnAnimat:after{
	bottom:0;
}
#head_144 .viewmore-3.btnAnimat:hover:before,
#head_144 .viewmore-3.btnAnimat:hover:after{
	-webkit-transform:scaleX(1);transform:scaleX(1);
}
#head_144 .viewmore-3.btnAnimat:hover .inner:before,
#head_144 .viewmore-3.btnAnimat:hover .inner:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}
#head_144 .viewmore-3.btnAnimat.clockwise .inner:before{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#head_144 .viewmore-3.btnAnimat.clockwise .inner:after{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#head_144 .viewmore-3.btnAnimat.clockwise:before{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}
#head_144 .viewmore-3.btnAnimat.clockwise:after{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#head_144 .viewmore-3.btnAnimat.clockwise:hover .inner:before{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#head_144 .viewmore-3.btnAnimat.clockwise:hover .inner:after{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#head_144 .viewmore-3.btnAnimat.clockwise:hover:before{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#head_144 .viewmore-3.btnAnimat.clockwise:hover:after{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}
#head_144 .viewmore-3 a{
	color: rgba(255,255,255,.85);
	display: block;
	width: 100%;
	cursor: pointer;
}
#head_144 .viewmore-3:hover a{
	color: #ffffff;
}

#head_144 .notice_Box{

	width: 100%;

	height: 100px;

	background: #f5f5f5;

} 

#head_144 .notice_Box .notice{

	color: #555555;

	font-size: 14px;

	line-height: 100px;

	height: 100%;

	width: auto;

	background: url(/static/images/HD00011_04.png) no-repeat left center;

	background-size: 18px 15px;

	padding-left: 30px;

	float: left;

}

#head_144 .serchBox{

	float: right;

	margin-top: 25px;

	position: relative;

}

#head_144 .serList{

	position: absolute;

	right:40px;

	top:38px;

	width: 80px;

	display: none;

}

#head_144 .serList li{

	width: 100%;

	background: #313131;

	margin-top: 1px;

	color: #fff;

	height: 38px;

	line-height: 38px;

	text-align: center;

	padding: 0 5px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	cursor: pointer;

}

#head_144 .serchBtn{

	background:rgba(32, 152, 91, 1) url(/static/images/HD00011_05.png) no-repeat center center;

	background-size: 21px 21px;

	width: 38px;

	height: 38px;

	cursor: pointer;

	float: left;

}

#head_144 .serClass{

	float: left;

	width: 80px;

	background:#313131;

	height: 38px;

	margin-right: 2px;

	color: #fff;

	line-height: 38px;

	position: relative;

	padding:0 21px 0 5px;

	text-align: center;

	cursor: pointer;

	

}

#head_144 select{

	background:#313131 url(/static/images/HD00011_06.png) no-repeat 63px center !important;

	background-size: 11px 11px;

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

}

#head_144 select::-ms-expand { display: none;}

#head_144 .serClass:after{

	content: '';

	position: absolute;

	right:5px;

	top:50%;

	transform: translateY(-50%);

	width: 11px;

	height: 11px;

	background:#313131 url(/static/images/HD00011_06.png) no-repeat right center ;

	background-size: 11px 11px;

}

#head_144 .serchCon{

	width: 180px;

	height: 38px;

	background: #fff;

	padding: 0 15px;

	float: left;

}

#head_144 .navBtn{

	display: none;

	width: 70px;

	height:60px;

	float: right;

	cursor: pointer;

	position: relative;

	margin-right: 3%;

}

#head_144 .navBtn .span_0{

    position: absolute;

    width: 30px;

	right: 0;

	background: #fff;

	height: 3px;

    top: 50%;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}

#head_144.cur .navBtn .span_0{

	background: #fff;

}



#head_144 .navBtn.cur .span_0{

    top: 46%;

}

#head_144 .navBtn.cur .span_0.span_1{

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

#head_144 .navBtn.cur .span_0.span_2{

    opacity: 0;

}

#head_144 .navBtn.cur .span_0.span_3{

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

#head_144 .navBtn .span_0.span_1{

    top: 35%;

}

#head_144 .navBtn .span_0.span_2{

    top: 50%;

    width:30px;

}

#head_144 .navBtn .span_0.span_3{

    top: 65%;

}

#head_144 #pcBana{

	display: block;

}

#head_144 #wapBana{

	display: none;

}

@media screen and (max-width: 1201px) {

	#head_144 .header_box{

		width: 100%;

	}

	#head_144 .sBox .text{

		width: 90%;

	}

	#head_144 .nav_box{

		/* width: calc(100% - 300px); */

		overflow: hidden;

	}

	#head_144 .sBox .text .title-1{

		font-size: 45px;

	}

	#head_144 .sBox .text .title-2{

		font-size: 30px;

	}	

	#head_144 .notice_Box{

		padding: 0 20px;

	}

}

@media screen and (max-width: 767px){

	#head_144 .sBox .text .title-1{

		font-size: 18px;

		line-height: 40px;

		height: 40px;

	}

	#head_144 .sBox .text .title-2{

		font-size: 14px;

		line-height:30px;

		height:30px;

		margin-bottom: 10px;

	}	

	#head_144 .sBox .text{

		top:55%;

	}

	#head_144 .viewmore-3 a{

		width: 120px;

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	#head_144 .bannerBar{

		bottom: 10%;

	}

	#head_144 .nav_box{

		display: none;

	}

	#head_144 .header_box .logo{

		height: 80px;

		top:-10px;

		max-width: 50%;

	}

	#head_144 .header_box .logo::after{

		background:url(/static/images/HD00011_08.png) no-repeat;

		position: absolute;

		content: '';

		right: -36px;

		top:0;

		width:37px;

		height: 100%;

	}

	#head_144 .header{

		top:10px;

		height: 60px;

	}

	#head_144 .navBtn{

		display: block;

		height: 60px;

	}

	#head_144 #pcBana{

		display: none;

	}

	#head_144 #wapBana{

		display: block;

	}

	

	#head_144 .notice_Box .notice{

		width: 100%;

		margin: 10px 0;

		overflow: hidden;

		height: 30px;

		line-height: 30px;

		text-overflow:ellipsis;

		white-space: nowrap;

	}

	#head_144 .serchBox{

		margin-top: 0;

	}

}

/* 右侧菜单 */

#head_144 #menuClosed{

	color: #000;

}

#head_144 .menu-item{

	border-bottom: #dfe0e1 1px solid;

}

#head_144 .menu-list li .dropdown_menu a{

	color: #555555;

}

#head_144 .menu-title{

	color: #26334c;

}

#head_144 .menu-title a{

	color: #555555;

}

#head_144 .menu-item.up .itemClick{

	background: url(/static/images/HD00011_01.png) no-repeat right center;

	background-size: auto 10px;

}

#head_144 .menu-item.active .itemClick{

	color: #ff7011;

	background: url(/static/images/HD00011_02.png) no-repeat right center;

	background-size: auto 10px;

}

#head_144 .menu-c-d{

	background: url(/static/images/HD00011_03.png) no-repeat;

	color: #26334c;

}

